<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>教师团队</title>
</head>

<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/index.css" />

<!--[if lte IE 8]>
<link rel="stylesheet" href="../css/ie.css"/>
<![endif]-->


<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.animate-colors.js"></script>
<!--<script src="js/jquery.transit.js"></script>-->


<body>

<div class="header">
    <div class="navber">
        <a class="logo" href=""><img src="img/logo.png" /></a>
        <div class="nav">
            <a href="../templates/index.html">首页<i></i></a>
            <a href="curriculum.html">精品课程<i></i></a>
            <a class="itop" href="teacher.html">教师团队<i></i></a>
            <a href="../templates/tutor.html">我要找家教<i></i></a>
            <a href="about.html">关于图宇<i></i></a>
            <a href="join.html">加入我们<i></i></a>
        </div>
        <a class="zixun" href="">在线咨询</a>
    </div>
</div>

<div class="teacher">
    <div class="teacher-banner">
        <div class="teacher-banner-text">
            <div>
                图宇教育师资雄厚，拥有近百名来自全国各地211、985等高校的优秀本科生、研究生以及毕业生，团队均为了共同的目标奋斗，目前教师遍布广州，为广大学子提供足不出户的方便，即节省了宝贵的学习时间，又提高了学习效率，掌握了学习方法，让学生体会寓教于乐，快速提高成绩。
            </div>
        </div>
    </div>

    <div class="teacher-centent">
        <div class="teacher-check">
            <div class="teacher-check-top"></div>
            <div class="teacher-check-bottom"></div>
            <div class="teacher-check-text">
                <p>我们<span class="teacher-check-sp1">严格</span>对每一位大学生进行<br />
                <span>筛选</span>、<span>面试</span>、<span>培训</span>、<span>考核</span></p>
            </div>
        </div>
    </div>

    <div class="teacher-trad">
        <div class="teacher-trad-img"></div>
        <div class="teacher-trad-meun">
            <div class="teacher-trad-left">教学模式</div>
            <div class="teacher-trad-p item1">
                <p>传统教师: 习惯一对多教学，根据自己安排进行辅导，很难了解到学生的难点</p>
                <p>图宇教师: 习惯一对一教学，针对学生弱点进行辅导</p>
            </div>
        </div>
        <div class="teacher-trad-meun">
            <div class="teacher-trad-right">心理距离</div>
            <div class="teacher-trad-p item2">
                <p>传统教师: 年代不同，有代沟，学生不愿打开心门</p>
                <p>图宇教师: 同龄人思想更为接近，沟通无障碍</p>
            </div>
        </div>
        <div class="teacher-trad-meun">
            <div class="teacher-trad-left">教学心态</div>
            <div class="teacher-trad-p item3">
                <p>传统教师: 讲课容易忽略学生主观感受，导致学生不敢提问，难以消化</p>
                <p>图宇教师: 心态较为年轻，较为耐心，不厌其烦为学生讲解难懂知识点</p>
            </div>
        </div>
        <div class="teacher-trad-meun">
            <div class="teacher-trad-right">未来引导</div>
            <div class="teacher-trad-p item4">
                <p>传统教师: 思想相对而言较为固化，难以理解学生的思维方式</p>
                <p>图宇教师: 以身作则，以自身经历给学生做榜样，引起学生对未来的憧憬和规划</p>
            </div>
        </div>
    </div>

    <div class="teacher-style">
        <div class="teacher-style-img">
            <a class="teach-more" href="javascript:;">More  >>></a>
            <img src="img/teacher-style-img.png" alt="" />
        </div>
        <div class="teacher-style-char">

            <div class="teacher-a">
                <div class="character">
                    <img src="img/character.jpg" alt="" />
                    <div class="character-introduce">
                        <div class="character-top">
                            <p><span>李X权</span> ／ 初高中化学</p>
                            <p>清华大学应用化学专业</p> 
                        </div>
                        <div class="character-bottom">
                            <p>座右铭：爱拼才会赢</p>
                            <p class="character-bottom-p2">李X权老师性格开朗阳光，2012年高考以720分高分考入清华大学，2014年加入图宇教育，先后多次带领学生在短时间内获得20～30分明显进步。</p>
                            <a href="">预约课程</a>
                        </div>
                    </div>
                </div>
                <div class="character">
                    <img src="img/character.jpg" alt="" />
                    <div class="character-introduce">
                        <div class="character-top">
                            <p><span>李X权</span> ／ 初高中化学</p>
                            <p>清华大学应用化学专业</p> 
                        </div>
                        <div class="character-bottom">
                            <p>座右铭：爱拼才会赢</p>
                            <p class="character-bottom-p2">李X权老师性格开朗阳光，2012年高考以720分高分考入清华大学，2014年加入图宇教育，先后多次带领学生在短时间内获得20～30分明显进步。</p>
                            <a href="">预约课程</a>
                        </div>
                    </div>
                </div>
                <div class="character">
                    <img src="img/character.jpg" alt="" />
                    <div class="character-introduce">
                        <div class="character-top">
                            <p><span>李X权</span> ／ 初高中化学</p>
                            <p>清华大学应用化学专业</p> 
                        </div>
                        <div class="character-bottom">
                            <p>座右铭：爱拼才会赢</p>
                            <p class="character-bottom-p2">李X权老师性格开朗阳光，2012年高考以720分高分考入清华大学，2014年加入图宇教育，先后多次带领学生在短时间内获得20～30分明显进步。</p>
                            <a href="">预约课程</a>
                        </div>
                    </div>
                </div>
                <div class="character">
                    <img src="img/character.jpg" alt="" />
                    <div class="character-introduce">
                        <div class="character-top">
                            <p><span>李X权</span> ／ 初高中化学</p>
                            <p>清华大学应用化学专业</p> 
                        </div>
                        <div class="character-bottom">
                            <p>座右铭：爱拼才会赢</p>
                            <p class="character-bottom-p2">李X权老师性格开朗阳光，2012年高考以720分高分考入清华大学，2014年加入图宇教育，先后多次带领学生在短时间内获得20～30分明显进步。</p>
                            <a href="">预约课程</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="teacher-a">
                <div class="character">
                    <img src="img/character.jpg" alt="" />
                    <div class="character-introduce">
                        <div class="character-top">
                            <p><span>李X权</span> ／ 初高中化学</p>
                            <p>清华大学应用化学专业</p> 
                        </div>
                        <div class="character-bottom">
                            <p>座右铭：爱拼才会赢</p>
                            <p class="character-bottom-p2">李X权老师性格开朗阳光，2012年高考以720分高分考入清华大学，2014年加入图宇教育，先后多次带领学生在短时间内获得20～30分明显进步。</p>
                            <a href="">预约课程</a>
                        </div>
                    </div>
                </div>
                <div class="character">
                    <img src="img/character.jpg" alt="" />
                    <div class="character-introduce">
                        <div class="character-top">
                            <p><span>李X权</span> ／ 初高中化学</p>
                            <p>清华大学应用化学专业</p> 
                        </div>
                        <div class="character-bottom">
                            <p>座右铭：爱拼才会赢</p>
                            <p class="character-bottom-p2">李X权老师性格开朗阳光，2012年高考以720分高分考入清华大学，2014年加入图宇教育，先后多次带领学生在短时间内获得20～30分明显进步。</p>
                            <a href="">预约课程</a>
                        </div>
                    </div>
                </div>
                <div class="character">
                    <img src="img/character.jpg" alt="" />
                    <div class="character-introduce">
                        <div class="character-top">
                            <p><span>李X权</span> ／ 初高中化学</p>
                            <p>清华大学应用化学专业</p> 
                        </div>
                        <div class="character-bottom">
                            <p>座右铭：爱拼才会赢</p>
                            <p class="character-bottom-p2">李X权老师性格开朗阳光，2012年高考以720分高分考入清华大学，2014年加入图宇教育，先后多次带领学生在短时间内获得20～30分明显进步。</p>
                            <a href="">预约课程</a>
                        </div>
                    </div>
                </div>
                <div class="character">
                    <img src="img/character.jpg" alt="" />
                    <div class="character-introduce">
                        <div class="character-top">
                            <p><span>李X权</span> ／ 初高中化学</p>
                            <p>清华大学应用化学专业</p> 
                        </div>
                        <div class="character-bottom">
                            <p>座右铭：爱拼才会赢</p>
                            <p class="character-bottom-p2">李X权老师性格开朗阳光，2012年高考以720分高分考入清华大学，2014年加入图宇教育，先后多次带领学生在短时间内获得20～30分明显进步。</p>
                            <a href="">预约课程</a>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
     
</div>

<div class="footer">
    <div class="foos">
        <p>Copyright © 2015 广州市图宇教育有限公司 粤ICP备88888888号-1   Design：Laic</p>
    </div>
</div>

</body>
<script>


$(".teacher-banner-text").fadeIn(500);


/* 教师介绍 */

$(".teach-more").toggle(
    function(){
        $(".teacher-a").eq(1).css('z-index','20').animate({ top: '0px' },500,function(){
            $(".teacher-a").eq(1).css('z-index','10')
            $(".teacher-a").eq(0).css('top','285px')
        })
    },
    function(){
        $(".teacher-a").eq(0).css('z-index','20').animate({ top: '0px' },500,function(){
            $(".teacher-a").eq(0).css('z-index','10')
            $(".teacher-a").eq(1).css('top','285px')
        })
    }
)


$(".character").hover(function(){
    $(this).find(".character-introduce").stop(true,false).animate({ top: "0px",backgroundColor:"#00a6e5"},500);
},function(){
    $(this).find(".character-introduce").stop(true,false).animate({ top: "215px",backgroundColor: 'rgba(0,166,229,.7)'},500);
})


/* header */
$(".nav a").hover(function(){
    var navIndex = $(this).index();
    $(this).find('i').stop(false,true).animate({ bottom:"0px"},300);

},function(){
    var navIndex = $(this).index();
    if($(this).hasClass("itop")){
        false;
    }else{
        $(this).find('i').stop(false,true).animate({ bottom:"-4px"},300);
    }
    
})



var windowHeight = $(document).height();    // 页面总高度
var windowScroll = $(window).height() - 200;
var teaBanner = $(".teacher-banner").offset().top;  // banner 高度
var teaCheck = $(".teacher-check").offset().top;  // 箭头左到右高度
var teaTrad = $(".teacher-trad").offset().top;


function animateCheck(){
    $(".teacher-check-top").animate({ left: '0px'},500);
    $(".teacher-check-bottom").animate({ right: '0px'},500);
}

$(document).scroll(function(){

    function teacherCheck(){
        $(".teacher-check-text").fadeIn(1500);
    }

    function animateTrad(){
        $(".item1").animate({ left: '392px'},500,function(){
            $(".item2").animate({ left: '0px'},500,function(){
                $(".item3").animate({ left: '334px'},500,function(){
                    $(".item4").animate({ left: '0px'},500)
                })
            })
        });
    }

    var scrollBar = $(document).scrollTop() + windowScroll;    // 滚动条到顶部的距离

    if(scrollBar>teaCheck){
        teacherCheck();
        animateCheck();
    }
    if(scrollBar>teaTrad){
        animateTrad();
    }
})


</script>


</html>